.quizzesEntrance {
  .employeeTypes {
    margin-top: 44rpx;
    display: flex;
    gap: 26rpx;

    .item {
      width: 50%;
      height: 332rpx;
      border-radius: 20rpx;
      background-color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      box-shadow: 0px 5px 20px #0000000d;

      .employee {
        margin-top: 32rpx;
        color: $primary-color;
      }
    }

    .item-active {
      width: calc(50% - 4rpx);
      height: 328rpx;
      border: 2rpx solid $primary-color;
    }
  }

  .footer {
    width: calc(100% - 64rpx);
    position: fixed;
    bottom: 0;
    color: #fff;
    background-color: #F9F9F9;
    

    .btn {
      text-align: center;
      line-height: 96rpx;
      border-radius: 76rpx;
    }


    .next {
      background-color: rgba($color: $primary-color, $alpha: 0.28);
    }

    .next-active {
      background-color: $primary-color;
    }
  }
}